<!--右侧内容开始-->
<div>
    <br/>
    <ol class="breadcrumb">
        <li class="active">
            <span class="glyphicon glyphicon-home" style="color:#23527c"></span>&nbsp;
            <mainpage></mainpage>
        </li>
        <li class="active">运维工作台 / 参数配置管理 / 规则参数管理 / 黑名单管理</li>
    </ol>

    <ul class="nav nav-tabs marT15">
        <li role="presentation">
            <a href="#/blackListimport" style="color: #555;">黑名单导入</a>
        </li>
        <li role="presentation" class="active">
            <a href="#/blackListManage" style="color:#555;">黑名单列表</a>
        </li>
    </ul>

    <div class="rightbar">

        <form action="blackUse/out-excel" method="post" id="form" onkeydown="if(event.keyCode==13)return false;">
            <div class="left marT15 marR10">
                <span class="search-name">业务端名称</span>
                <select class="form-control1 svrNodeName" ng-change='getSms()' ng-model="searchData.svrNode" name="svrNode">
                    <option value="">全部</option>
                    <option value={{row.SVR_NODE}} ng-repeat="row in listData1">{{row.SVR_NODE_NAME}}</option>
                </select>

            </div>
            <div class="left marT15 marR10">
                <span class="search-name">短信类型名称</span>
                <select class="form-control1 svrNode" ng-model="searchData.serviceCode" name="serviceCode">
                    <option value="">全部</option>
                    <option value={{row.serviceCode}} ng-repeat="row in listData2">{{row.serviceName}}</option>
                </select>

            </div>
            <div class=" left marT15 marR10">
                <span class="search-name">黑名单号码</span>
                <input type="text" class="form-control1 blackUser" placeholder="" ng-keyup='search($event)' ng-model='searchData.blackUser'
                    onkeyup="this.value=this.value.replace(/\D/,'')" name="blackUser">

            </div>
            <div class="left marR10 marT15">
                <span class="search-name">状态</span>
                <select class="form-control1" ng-model="searchData.status" name="status">
                    <option value=''>全部</option>
                    <option value="1">生效</option>
                    <option value="0">失效</option>
                </select>
            </div>
        </form>
        <a href="javascript:;" class=" btn btn-sm btn-primary left marT15" id="search" ng-click='search()'>
            <span class="glyphicon glyphicon-search"></span>
        </a>
        <div class="right marT15" style="position:relative">
            <button class="btn btn-sm btn-primary" ng-click='outExcel()'>
                <img style="width:25px; height:20px;" src="img/excel.png">导出表格
                <span ng-style='loadStyle' class="outExcelLoad">
                    <img src="img/load.gif">
                </span>
            </button>
        </div>

        <div class="table-box">
            <table class="table table-bordered table-striped text-center bg-info marT15">
                <thead>
                    <tr class="info">
                        <th class="text-center">序号</th>
                        <th class="text-center">业务端名称</th>
                        <th class="text-center">短信类型名称</th>
                        <th class="text-center">黑名单号码</th>
                        <th class="text-center">状态</th>
                        <th class="text-center">来源</th>
                        <th class="text-center">黑名单说明</th>
                        <th class="text-center">操作</th>
                    </tr>
                </thead>
                <tbody id="appList">
                    <tr ng-repeat="Item in result">
                        <td>{{ $index+1 }}</td>
                        <td class="w85">{{ Item.svrNodeName }}</td>
                        <td class="w115">{{ Item.serviceName }}</td>
                        <td class="w85">{{ Item.blackUser }}</td>
                        <td class="w85">
                            <span ng-if='"1"==Item.status'>生效</span>
                            <span ng-if='"0"==Item.status'>失效</span>
                        </td>
                        <td class="w85">{{ Item.source }}</td>
                        <td style="min-width: 200px; word-break: break-all;">{{ Item.desc }}</td>
                        <td style="min-width: 200px">
                            <a class="marR10" ng-click='changeStstus($index,Item.recId,Item.status)' ng-show="'0'===Item.status">生效</a>
                            <a class="marR10" ng-click='changeStstus($index,Item.recId,Item.status)' ng-show="'1'===Item.status">失效</a>
                            <a class="marR10" data-toggle="modal" data-target="#add" ng-click="editTr('修改',Item.recId)">修改</a>
                            <a class="marR10" data-toggle="modal" data-target="#delete" ng-click="delete(Item.recId,$index)">删除</a>
                        </td>
                    </tr>

                </tbody>
                <tfoot>
                    <tr>
                        <td>
                            <a ng-click='editTr("添加")' class="glyphicon glyphicon-plus" data-toggle="modal" data-target="#add"></a>
                        </td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                </tfoot>

            </table>
        </div>



        <page></page>

    </div>

    <!--右侧内容结束-->
</div>

<!--修改程序弹窗-->
<div class="modal fade" id="add" tabindex="-1" role="dialog" aria-labelledby="add">
    <div class="modal-dialog" role="document">
        <div class="modal-content" style="width:620px">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="">{{popup}}黑名单信息</h4>
            </div>
            <div class="modal-body">
                <div class="row marB15">
                    <span class="col-xs-6">
                        <label class="left">
                            <span>业务端类型</span>
                        </label>
                        <select class="form-control line4 right" ng-model="addData.svrNode" ng-change="getServiceCode()" name="svrNode">
                            <option value="">--请选择--</option>
                            <option value={{row.SVR_NODE}} ng-repeat="row in listData1">{{row.SVR_NODE_NAME}}</option>
                        </select>
                    </span>
                    <span class="col-xs-6">
                        <label class="left">
                            <span>短信类型</span>
                        </label>
                        <select class="form-control line4 right" ng-model="addData.serviceCode">
                            <option value="">--请选择--</option>
                            <option value={{row.serviceCode}} ng-repeat="row in serviceList">{{row.serviceName}}</option>
                        </select>
                    </span>
                </div>
                <div class="row marB15">
                    <span class="col-xs-6">
                        <label class="left">
                            <span>黑名单号码</span>
                        </label>
                        <input type="text" class="form-control line4 right" id="phone" ng-model="addData.blackUser" />
                    </span>
                    <span class="col-xs-6">
                        <label class="left">
                            <span>状态</span>
                        </label>
                        <select class="form-control line4 right" ng-model="addData.status">
                            <option value="1">生效</option>
                            <option value="0">待生效</option>
                        </select>
                    </span>
                </div>

                <div class="row marB15">
                    <span class="col-xs-12">
                        <label class="left">
                            <span>说明</span>
                        </label>
                        <textarea id="desc" class="form-control right" ng-model="addData.desc"></textarea>
                    </span>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default btn-sm" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary btn-sm" ng-click="editSave()">保存</button>
            </div>
        </div>
    </div>
</div>
<!-- 修改程序结束 -->

<!-- 参数添加结束 -->
<!-- 提示框 -->
<div class="modal fade" id="delete" tabindex="10">
    <div class="modal-dialog">
        <div class="modal-content message_align">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title">提示信息</h4>
            </div>
            <div class="modal-body">
                <p>您确认删除吗？</p>
            </div>
            <div class="modal-footer">
                <input type="hidden" id="url" />
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <a class="btn btn-primary" data-dismiss="modal" ng-click='deleteTr()'>确定</a>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<!-- 提示框结束 -->
<!-- 加载框 -->
<span class='loaded' ng-show='loaded'>
    <img src="img/load.gif">
</span>
<!-- 加载框 完成-->